<template>
  <div class="app-container">
    <h3>动态组件加载tabs</h3>
    <BaseHTabs :tabs="tabs" @onTabChange="onTabChange" />

  </div>
</template>

<script>
export default {
  name: 'A001Tabs',
  data() {
    return {
      tabs: []
    }
  },
  created() {

  },
  mounted() {
    for (let index = 0; index < 20; index++) {
      this.tabs.push({ title: '组件' + index, component: () => import('./components/demo1') })
    }
  },
  methods: {
    onTabChange(data) {
      console.log('onTabChange', data)
    }
  }
}
</script>

<style>

</style>
